﻿/*
    common styles for all tables

    display-table is used to display a single item
    editor-table is used to edit a single item
    index-table is used to display or edit multiple items
*/
table.display-table, table.editor-table, table.index-table {
    border-collapse: collapse;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
}

    /* table header cells */
    table.display-table th, table.editor-table th, table.index-table th {
        padding-left: 4px;
        padding-right: 8px;
        text-align: left;
    }

    /* table body cells */
    table.display-table td, table.editor-table td, table.index-table td {
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
        padding-left: 4px;
        padding-right: 8px;
    }

/* labels in display and editor tables */
td.display-label, td.editor-label {
    background-color: white;
    vertical-align: text-top;
    width: 100px;
}

/* fields in display and editor tables */
td.display-field, td.editor-field {
    background-color: #f6f6f6;
}

    td.display-field input, td.editor-field input {
        width: 300px;
    }
    td.editor-field textarea {
        width: 500px;
    }
    td.display-field input[type="checkbox"], td.editor-field input[type="checkbox"] {
        width: auto;
    }

/* index-table: highlight current row*/
table.index-table tr:hover td {
    background-color: #f0f0f0;
}

/* paging-table */
table.paging td {
    padding-left: 4px;
    padding-right: 4px;
}

div.checkbox-list-actions {
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8;
}

div.checkbox-list-overflow {
    max-height: 300px;
    overflow-y: scroll;
}

table.checkbox-list {
    margin: 0;
    padding: 0;
}

    table.checkbox-list td {
        border: 0;
    }

table.progress-bar {
    border-spacing: 0;
    width: 100%;
    background-color: white;
    height: 10px;
    border-collapse:collapse;
}

    table.progress-bar td {
        border: 1px solid #000;
    }

/* custom layout for Config/Results */
fieldset.with-border {
    border: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
}

    fieldset.with-border legend {
        display: inline-block;
        margin-left: 5px;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: bold;
    }
